﻿@{
    ViewBag.Title = "ListAdmin";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}

@section scripts
{
    <script type="text/javascript" src="~/Scripts/App/Admin/admin_list.js"></script>
}

<!-- Page's header -->
<div class="content-header">
    <div class="header-section">
        <h1>
            <i class="gi gi-certificate"></i>Quản Lý Giải Thưởng<br>
            <small>Danh Sách</small>
        </h1>
    </div>
</div>
<ul class="breadcrumb breadcrumb-top">
    <li><a href="../Admin/index"><i class="fa fa-home"></i></a></li>
    <li><a href="../Admin/ListProduct">Giải Thưởng</a></li>
    <li><a href="../Admin/ListProduct">Quản Lý</a></li>
</ul>

<!-- List Member -->
<div class="tab-content">
    <div id="listpub-div" class="block block-alt-noborder tab-pane fade in active animation-slideRight">
        <div class="row">
            <div class="dataTables_filter" id="example-datatable_filter">
                <div class="input-group">
                    <input type="text" data-bind="value: SearchString" aria-controls="example-datatable" class="form-control" placeholder="Tìm Kiếm">
                    <span class="input-group-addon" style="cursor: pointer" data-bind="click: $root.SendMsg">
                        <i class="fa fa-search"></i>
                    </span>
                </div>
            </div>
        </div>

        <div class="table-responsive">
            <table class="table table-vcenter table-striped table-hover">
                <thead>
                    <tr class="text-center">
                        <th class="text-center">#</th>
                        <th>Ảnh Đại Diện</th>
                        <th>Tên Quản Trị Viên</th>
                        <th class="text-center" style="width: 250px;">Email</th>
                        <th class="text-center" style="width: 250px;">Ngày Tạo</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: Admins, visible: Loaded">
                    <tr>
                        <td class="text-center" data-bind="text: AdId"></td>
                        <td>
                            <img width="120" height="120" data-bind="attr: { src: ImgUrl }" />
                        </td>
                        <td data-bind="text: UserName"></td>
                        <td data-bind="text: Email"></td>
                        <td class="text-center" data-bind="text: CreateDate"></td>
                        <td class="text-center">
                            <div class="btn-group btn-group-xs">
                                <a class="btn btn-xs btn-default" href="#editpub-div" data-toggle="tab" data-bind="click: $root.getEditItem">
                                    <i class="fa fa-pencil"></i>Sửa
                                </a>
                                <button class="btn btn-xs btn-danger" data-bind="click: $root.doDelete">
                                    <i class="fa fa-times"></i>Xóa
                                </button>
                            </div>
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="6">
                            <div class="col-md-4 pull-right">
                                <ul class="pager">
                                    <li class="prev" data-bind="css: { disabled: IsPrevious() === false }">
                                        <a href="#" data-bind="    click: $root.doPrevious">← Trang Trước</a>
                                    </li>
                                    <li class="next" data-bind="css: { disabled: IsNext() === false }">
                                        <a href="#" data-bind="    click: $root.doNext">Trang Sau →</a>
                                    </li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>









